/**
 * PHP By Example
 *
 * @copyright 2014 Michel Corne
 * @license   http://www.opensource.org/licenses/gpl-3.0.html GNU GPL v3
 */

body
{
    font-family: arial, Lucida Console;
    font-size: 1em;
    margin: 1em;
    margin-left: 1em;  /* needed in interface.js fix_php_manual() */
    margin-right: 1em; /* needed in interface.js fix_php_manual() */
}

.blue, .variable
{
    color: #0000BB; /* blue */
}

.blue_border
{
    border-color: #0000BB; /* blue */
}

.gray
{
    color: #656565; /* gray */
}

.gray_border
{
    border-color: #656565; /* gray */
}

.green, .operator
{
    color: #007700; /* green */
}

.green_border
{
    border-color: #007700;  /* green */
}

.light_gray
{
    color: #CCC; /* light gray */
}

.nowrap
{
    white-space:nowrap;
}

.orange
{
    color: #FF8000; /* orange */
}

.orange_border
{
    border-color: #FF8000; /* orange */
}

.red
{
    color: #DD0000; /* red */
}

.red_border
{
    border-color: #DD0000; /* red */
}

a
{
    color: #0000BB; /* blue */
}

a.logo
{
    font-size: 1.8em;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

a.search_method_switch
{
    color: #656565; /* gray */
    vertical-align: middle;
}

div.block, div.block_translation
{
    background-color: rgb(242, 242, 242);
    border-style: solid;
    border-width: 1px;
    margin-right: 1em; /* used in interface.js fix_php_manual() */
    margin-bottom: 2em;
    margin-top: 0em;
    overflow: auto;
    padding: .5em;
    width: 45em;
}

div.block_translation
{
    width: 51em;
}

div.block_translation button
{
    color: white;
    font-weight: bold;
    white-space: nowrap;
    width: 19em;
}

div.block_translation button
{
    background-color: #656565; /* gray */
    margin-top: .2em;
}

div.block_translation button.validate_message
{
    background-color: #007700; /* green */
}

div.block_translation button:hover
{
    background-color: #FF8000; /* orange */
    border-color: darkorange;
}

div.block_translation div.comment
{
    padding-top: 1em;
}

div.block_translation div.translation_in_action
{
    padding-top: .8em;
}

div.block_translation input
{
    font-size: 1em;
    width: 50.6em;
}

div.block_translation select
{
    font-size: 1em;
    height: 1.7em;
    margin-bottom: .8em;
    width: 51em;
}

div.block_translation td.blank_line
{
    height: 1.7em;
}

div.changelog
{
    font-size: 1em;
}

div.changelog div.translated_message
{
    background-color: white;
    border: solid 1px #CCC; /* light gray */
    margin-top: .8em;
    padding-left: .5em;
}

div.changelog div.translation_action
{
    color: #656565; /* gray */
    margin-top: .2em;
    padding-left: .5em;
}

div.changelog div.translation_comment
{
    background-color: white;
    color: #656565; /* gray */
    margin-top: .1em;
    padding-left: .5em;
}

div.copyright
{
    color: #656565; /* gray */
    font-size: .8em;
    margin-top: 1em;
}

div.copyright a
{
    color: #656565; /* gray */
    text-decoration: none;
}

div.credentials input
{
    width: 20em;
}
div.custom_function
{
    background-color: rgb(242, 242, 242);
    border-style: solid;
    border-width: 1px;
    overflow: auto;
    padding: .5em;
    width: 80em;
}

div.doc
{
    color: #CCC; /* light gray */
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

div.email
{
    margin-bottom: .5em;
}

div.english_only
{
    color: #CCC; /* light gray */
    font-size: 1em;
    margin-bottom: 1.5em;
}

div.h1
{
    margin-bottom: 1.5em;
    width: 45em;
}

div.h1 h1
{
    display: inline;
    margin-bottom: 0;
}

div.linebreak
{
    height: .5em;
}

div.links
{
    margin-top: 2em;
}

div.links a
{
    margin-right: .2em;
}

div.login
{
    color: #656565; /* gray */
    margin-top: 1em;
}

div.login a
{
    color: #656565; /* gray */
}

div.title
{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 1em;
}

div.translation_intro
{
    margin-bottom: 2em;
}

div.translations_stats, div.translators_stats
{
    color: #656565; /* gray */
    font-size: .8em;
    margin-left: 1.2em;
}

div.translators_stats
{
    margin-top: 2em;
}

div.top_bar a, div.top_bar input
{
    vertical-align: middle;
}

h1
{
    color: #0000BB; /* blue */
    font-size: 1.3em;
    margin-bottom: 1.5em;
}

hr
{
    border: solid 1px #CCC; /* light gray */
    margin-top: .8em;
    margin-bottom: 1.6em;
}

img
{
    border: none;
}

input.button
{
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    height: 1.6em;
}

input.button:hover, img:hover
{
    background-color: #FF8000; /* orange */
    border-color: darkorange;
}

input.search
{
    background-color: #0000BB; /* blue */
    border-color: darkblue;
    margin-right: .8em;
    vertical-align: middle;
}

input.submit
{
    background-color: #0000BB; /* blue */
    border-color: darkblue;
    margin-bottom: 2em;
}

select.helper
{
    border: solid 2px #007700;  /* green */
    color: #0000BB; /* blue */
    font-family: Lucida Console;
    display: none;
    width: 20em;
}

select.var
{
    width: 8.7em;
}

span.english_only
{
    color: #CCC; /* light gray */
    font-size: .8em;
    margin-left: 1em;
}

span.helper_mark
{
    background-color: #0000BB; /* blue */
    color: white;
    font-size: 1.6em;
    font-weight: bolder;
    padding: 0 .2em 0 .2em;
    vertical-align: .2em;
}

span.helper_mark:hover
{
    background-color: #FF8000; /* orange */
}

span.helper_submit
{
    background-color: #007700;  /* green */
    color: white;
    display: none;
    font-weight: bolder;
    padding: .3em .3em .2em .4em;
    /* vertical-align: set in input.php display_arg_helper_select() */
}

span.helper_submit:hover
{
    background-color: #FF8000; /* orange */
}

span.method_name
{
    font-size: 1.3em;
    font-weight: bolder;
}

span.prev_next_functions
{
    color: #0000BB; /* blue */
    float: right;
    white-space:nowrap;
}

table tr
{
    vertical-align: top;
}

table.errors td.error_code
{
    color: #DD0000; /* red */
    font-weight: bold;
    white-space:nowrap;
}

table.translations_stats
{
    border-spacing: .8em .5em;
}

table.translators_stats
{
    border-spacing: .8em 0em;
}

table.translations_stats td.center, table.translators_stats td.center
{
    text-align: center;
}

table.test-summary td
{
    padding-right: 1em;
}

table.test-summary td.count
{
    text-align: right;
}

textarea.arg
{
    width: 20em; /* must be the same as input::INPUT_WIDTH_IN_EM */
}

textarea.array, textarea.callable, textarea.int, textarea.mixed
{
    color: #0000BB; /* blue */
}

textarea.string
{
    color: #DD0000; /* red */
}

textarea.var
{
    color: #0000BB; /* blue */
    width: 8.5em;
}

textarea.no_input
{
    color: gray;
}

#function_input, #function_select
{
    color: #0000BB; /* blue */
    height: 1.5em;
    margin-left: 2em;
    margin-right: .5em;
    vertical-align: middle;
    width: 20em;
}

#function_select
{
    height: 2em;
    width: 20.3em;
}

#language
{
    color: #0000BB; /* blue */
    margin-right: .2em;
    vertical-align: middle;
}

#php_manual
{
    background-color: rgb(242, 242, 242);
    border: 1px solid gray;
    float: right;
    overflow: auto;
}

#unit_test
{
    font-size: .9em;
    font-weight: bold;
}

#unit_test option
{
    font-size: 1em;
    font-weight: bold;
}

#php_manual_location
{
    margin-left: .2em;
}

.highlight_translation_in_action, input.highlight_translation_in_action, select.highlight_translation_in_action
{
    background-color: #FFCCFF; /* light fuchsia */
}
